<template>
  <div class="home-left-top-wrapper">
    <blockTitle v-if="dataSet.leftTop" :words="dataSet.leftTop.title"
      ref="homeLeftTop"></blockTitle>
    <div class="left-border"
      ref="leftBorder"></div>
  </div>
</template>
<script>
import { mapState } from 'vuex'
import blockTitle from '@/components/common/blockTitle'
export default {
  name: 'homeLeftTop',
  data() {
    return {
    }
  },
  mounted() {},
  computed: {
    ...mapState(['dataSet']),
  },
  methods: {
    init() {
      let tl = new TimelineMax({})
      let tw1 = TweenMax.to(this.$refs.leftBorder, 3, { height: '926px' })
      tl.add(this.$refs.homeLeftTop.init(), 0).add(tw1, 0.8)
      return tl
    }
  },
  components: {
    blockTitle
  }
}
</script>
<style lang="scss" scoped>
.home-left-top-wrapper {
  width: 100%;
  height: 100%;
}
.left-border {
  position: absolute;
  top: 30px;
  left: 0;

  width: 7px;
  height: 0;

  background: url('../../../assets/imgs/left/left-border.png');
}
</style>
